﻿<!DOCTYPE html>
<html>
<head>
    <!-- 页面样式表 -->
    <meta charset="utf-8" />
    <title>@(string.IsNullOrEmpty(ViewBag.Title) ? "SearchLight" : ViewBag.Title)</title>
    <meta name="description" content="Dashboard" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="@(ViewBag.RootNode)/favicon.ico" type="image/x-icon">


    <!--Basic Styles-->
    <link href="@(ViewBag.RootNode)/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="@(ViewBag.RootNode)/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="@(ViewBag.RootNode)/assets/css/weather-icons.min.css" rel="stylesheet" />

    <!--Fonts-->
    <link href="@(ViewBag.RootNode)/assets/css/usesocom-fonts.css" rel="stylesheet" type="text/css">

    <!--Beyond styles-->
    <link id="beyond-link" href="@(ViewBag.RootNode)/assets/css/beyond.min.css" rel="stylesheet" type="text/css" />
    <link href="@(ViewBag.RootNode)/assets/css/demo.min.css" rel="stylesheet" />
    <link href="@(ViewBag.RootNode)/assets/css/typicons.min.css" rel="stylesheet" />
    <link href="@(ViewBag.RootNode)/assets/css/animate.min.css" rel="stylesheet" />
    <script src="@(ViewBag.RootNode)/Assets/js/vue.js"></script>
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="@(ViewBag.RootNode)/assets/js/skins.min.js"></script>
    @RenderSection("css", false)
</head>
<body>
    <!-- 页面内容块 -->
    <input type="hidden" id="hidRootNode" value="@ViewBag.RootNode" />
    <!-- Loading Container -->
    <div class="loading-container">
        <div class="loading-progress">
            <div class="rotator">
                <div class="rotator">
                    <div class="rotator colored">
                        <div class="rotator">
                            <div class="rotator colored">
                                <div class="rotator colored"></div>
                                <div class="rotator"></div>
                            </div>
                            <div class="rotator colored"></div>
                        </div>
                        <div class="rotator"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
    </div>
    <!--  /Loading Container -->
    @Html.Partial("_Header")
    <!-- Main Container -->
    <div class="main-container container-fluid">
        <!-- Page Container -->
        <div class="page-container">
            <!-- Page Sidebar -->
            <div class="page-sidebar" id="sidebar">
                <!-- Page Sidebar Header-->
                <div class="sidebar-header-wrapper">
                    <input type="text" class="searchinput" />
                    <i class="searchicon fa fa-search"></i>
                    <div class="searchhelper">搜索……</div>
                </div>
                <!-- /Page Sidebar Header -->
                <!-- Sidebar Menu -->
                @Html.Partial("_Menu")
                <!-- /Sidebar Menu -->
            </div>
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Header -->
                <div class="page-header position-relative">
                    <div class="header-title">
                        <h1>
                            @ViewBag.ShowBanner
                        </h1>
                    </div>
                    <!--Header Buttons-->
                    <div class="header-buttons">
                        <a class="sidebar-toggler" href="#">
                            <i class="fa fa-arrows-h"></i>
                        </a>
                        <a class="refresh" id="refresh-toggler" href="">
                            <i class="glyphicon glyphicon-refresh"></i>
                        </a>
                        <a class="fullscreen" id="fullscreen-toggler" href="#">
                            <i class="glyphicon glyphicon-fullscreen"></i>
                        </a>
                    </div>
                    <!--Header Buttons End-->
                </div>
                <!-- /Page Header -->
                <!-- Page Body -->
                <div class="page-body">
                    @RenderBody()
                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
        </div>
        <!-- /Page Container -->
        <!-- Main Container -->

    </div>
    <!--Basic Scripts-->
    <script src="@(ViewBag.RootNode)/assets/js/jquery-2.0.3.min.js"></script>
    <script src="@(ViewBag.RootNode)/assets/js/bootstrap.min.js"></script>

    <!--Beyond Scripts-->
    <script src="@(ViewBag.RootNode)/assets/js/beyond.min.js"></script>
    <script src="@(ViewBag.RootNode)/Assets/js/layer/layer.js"></script>
    @RenderSection("Script", false)
</body>
</html>